<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="金顾云公益 - 汇聚爱心，贡献社会，传递正能量。">
    <meta name="keywords" content="金顾云公益,社会责任,公益活动,爱心捐赠,志愿服务">
    <title>金顾云公益 - 金顾云集团</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/charity.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <script src="js/load-nav.js"></script>
</head>
<body>
    <!-- 导航组件容器 -->
    <div id="nav-container"></div>

    <!-- 页面横幅 -->
    <section class="page-banner">
        <div class="container">
            <div class="banner-content">
                <h1>金顾云公益</h1>
                <p>用爱心点亮希望，金顾云公益与你同行。</p>
            </div>
        </div>
    </section>


    <!-- 公益简介 -->
    <section class="section charity-intro">
        <div class="container">
            <h2 class="section-title">金顾云公益简介</h2>
            <div class="intro-highlight" style="font-size:1.2em;line-height:2;background:#fff8f0;padding:32px 24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);margin-bottom:32px;">
                深圳市金顾云公益基金会（旗下设有金顾云俱乐部）是金顾云践行 “公益回馈社会” 理念的重要载体，自 2019 年底发起设立以来，积极开展多元化公益项目：一方面，通过 “燕鸟 K10 + 伙伴计划” 在武汉、广西河池、广东汕头、贵州六盘水等地推进公益行动，联合担当者行动落地 “燕鸟图书角”，协办爱心举牌公益活动，并与华润深国投信托合作设立全国首支专注志愿者事业发展的 “深圳志愿红慈善信托”，持续助力教育及社会公益领域；另一方面，以 “营造交流圈子、提升服务质量、倡议公益党建” 为宗旨，汇聚企业服务专业人士，围绕中小企业金融服务、财税规划等核心需求搭建共享平台，同时联动合伙人机制 —— 要求合伙人将合伙期间部分顾问收入捐赠至基金会，形成 “公益与业务共生” 的特色模式。基金会于 2020 年取得深圳市非营利组织免税资格认定，2023 年获评深圳市级社会组织评估等级 3A，在公益实践中不断传递金融服务实业、回馈社会的价值理念。
            </div>
        </div>
    </section>

    <!-- 发展历程 -->
    <section class="section charity-timeline bg-light">
        <div class="container">
            <h2 class="section-title">发展历程</h2>
            <div class="history-timeline" style="display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto;">
                <div class="timeline-item" style="display:flex;align-items:flex-start;gap:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);">
                    <div class="timeline-year" style="font-size:1.8em;color:#de2910;font-weight:bold;min-width:100px;">2019</div>
                    <div class="timeline-content">
                        <h4 style="color:#333;margin-bottom:8px;">公益基金会成立</h4>
                        <p style="color:#666;line-height:1.6;">发起设立"深圳市燕鸟公益基金会"（后更名为"深圳市金顾云公益基金会"）。</p>
                    </div>
                </div>
                <div class="timeline-item" style="display:flex;align-items:flex-start;gap:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);">
                    <div class="timeline-year" style="font-size:1.8em;color:#de2910;font-weight:bold;min-width:100px;">2020</div>
                    <div class="timeline-content">
                        <h4 style="color:#333;margin-bottom:8px;">首个公益项目启动</h4>
                        <p style="color:#666;line-height:1.6;">7月10日武汉"燕鸟K10+伙伴计划"首个公益项目正式启动，9月23日与担当者行动开展了贵州普定县"满鸟图书角"公益项目。</p>
                    </div>
                </div>
                <div class="timeline-item" style="display:flex;align-items:flex-start;gap:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);">
                    <div class="timeline-year" style="font-size:1.8em;color:#de2910;font-weight:bold;min-width:100px;">2021</div>
                    <div class="timeline-content">
                        <h4 style="color:#333;margin-bottom:8px;">获得免税资格</h4>
                        <p style="color:#666;line-height:1.6;">5月28日获得深圳市非营利组织免税资格，6月9日广西河池启动"K10+伙伴计划"公益项目。</p>
                    </div>
                </div>
                <div class="timeline-item" style="display:flex;align-items:flex-start;gap:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);">
                    <div class="timeline-year" style="font-size:1.8em;color:#de2910;font-weight:bold;min-width:100px;">2022</div>
                    <div class="timeline-content">
                        <h4 style="color:#333;margin-bottom:8px;">慈善信托设立</h4>
                        <p style="color:#666;line-height:1.6;">7月2日广东汕头"K10+伙伴计划"公益项目启动，11月28日与华润深国投信托合作设立全国首支志愿者慈善信托"深圳志愿红慈善信托"。</p>
                    </div>
                </div>
                <div class="timeline-item" style="display:flex;align-items:flex-start;gap:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);">
                    <div class="timeline-year" style="font-size:1.8em;color:#de2910;font-weight:bold;min-width:100px;">2023</div>
                    <div class="timeline-content">
                        <h4 style="color:#333;margin-bottom:8px;">获得3A级荣誉</h4>
                        <p style="color:#666;line-height:1.6;">7月26日贵州六盘水"K10+伙伴计划"公益项目启动，11月9日获深圳市社会组织评估3A级等荣誉，12月3日启动"K10+伙伴计划"中大潮星公益项目，12月13日启动党支部筹建工作。</p>
                    </div>
                </div>
                <div class="timeline-item" style="display:flex;align-items:flex-start;gap:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(222,41,16,0.06);">
                    <div class="timeline-year" style="font-size:1.8em;color:#de2910;font-weight:bold;min-width:100px;">2024</div>
                    <div class="timeline-content">
                        <h4 style="color:#333;margin-bottom:8px;">基金会更名</h4>
                        <p style="color:#666;line-height:1.6;">"深圳市燕鸟公益基金会"更名为"深圳市金顾云公益基金会"，设立金顾云俱乐部，启动中小企业扶持计划。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- 公益瞬间 图文列表风格 -->
    <section class="section charity-moments bg-light">
        <div class="container">
            <h2 class="section-title">公益瞬间</h2>
            <div class="moments-list" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;">
                <!-- 第1页 -->
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;" onclick="window.open('https://mp.weixin.qq.com/s/C7tajZPcUVW3qj9J772_kQ', '_blank')">
                    <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753437057589.jpg" alt="红色引擎教育活动" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>照亮求学征程，铸就"红色引擎"，金顾云如何凭借责任跑出融顾发展的加速度？</h4>
                        <p>在竞争激烈的商业市场中，为何金顾云集团的名字总能与"责任"和"信任"紧密相连？答案或许隐匿于那些被点亮的求学梦想之中...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;" onclick="window.open('https://mp.weixin.qq.com/s/MsZKv5ry2gVw8JZydw9Kjg', '_blank')">
                    <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753437196428.jpg" alt="最美公益伙伴荣誉" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>【喜报】金顾云公益荣膺"最美公益伙伴"称号！</h4>
                        <p>深圳市金顾云公益基金会荣获广西希望工程35周年"最美公益伙伴"称号！这一殊荣不仅是对金顾云公益"K10+伙伴计划"的肯定...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;" onclick="window.open('https://mp.weixin.qq.com/s/asYbJ22Gg6JveIR_BCABpw', '_blank')">
                    <img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1753437307621.jpg" alt="金顾云公益爱心榜" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>金顾云公益爱心榜 | 2024年度</h4>
                        <p>2024年度金顾云公益爱心榜发布，感谢所有爱心人士和合作伙伴的支持与参与，共同传递温暖与希望...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第2页 -->
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/92.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/4/1/ABUInfftDhAEGAAgoKWtqgYoqLbckAEw_AI4uwE.png" alt="公益喜报" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>公益喜报</h4>
                        <p>值此金秋季节，燕鸟公益"K10+伙伴计划"武汉首秀喜结硕果...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/93.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/2/1/ABUInfftDhACGAAgqaWtqgYooJzI2wYwuAg43wQ.jpg" alt="爱心助力公益拍卖" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>爱心助力|热烈祝贺凯龙瑞公益第八届爱心举牌公益拍卖晚宴成功举办</h4>
                        <p>凯龙瑞公益第八届爱心举牌公益拍卖晚宴成功举办，汇聚爱心力量...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/91.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/2/1/ABUInfftDhACGAAgpKWtqgYo7Ly44gUwuAg44AQ.jpg" alt="贵州普定阅读助学" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>品尝阅读的醇香｜燕鸟公益•贵州普定阅读助学之旅</h4>
                        <p>2020年7月8日，燕鸟公益与担当者行动正式签署捐赠协议，燕鸟公益捐赠20万元善款...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第3页 -->
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/90.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/4/1/ABUInfftDhAEGAAgoKWtqgYoqLbckAEw_AI4uwE.png" alt="免税资格喜讯" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>喜讯丨燕鸟公益基金会取得非营利组织免税资格</h4>
                        <p>深圳市财政局、国家税务总局深圳市税务局联合发布了《深圳市第十二批非营利组织免税资格认定名单的通知》...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/89.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/2/1/ABUInfftDhACGAAgoqWtqgYo2vnYLzC4CDiqBg.jpg" alt="武汉公益基金会启动" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>致敬武汉，燕鸟公益基金会正式启动</h4>
                        <p>7月10日，由燕鸟集团发起设立的深圳市燕鸟公益基金会与武汉青少年发展基金会正式签订合作协议...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/76.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/2/1/ABUInfftDhACGAAg06StqgYokryV4gEwuAg40AU.jpg" alt="六盘水K10+伙伴计划" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>贵州省六盘水市"燕鸟K10+伙伴计划"签约仪式举行</h4>
                        <p>7月26日，深圳市燕鸟公益基金会与共青团六盘水市委举行签订六盘水市青少年关爱保护"润苗行动"——"燕鸟K10+伙伴计划"资助项目协议...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                
                <!-- 第4页 -->
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/72.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/2/1/ABUInfftDhACGAAgz6StqgYoxJqJigYwuAg40AU.jpg" alt="金山中学助学计划" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>金山中学燕鸟公益助学计划签约仪式顺利举行</h4>
                        <p>7月2日，深圳市燕鸟公益基金会与汕头市金山中学"燕鸟公益助学计划"签约仪式在金山中学举行...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/70.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/2/1/ABUInfftDhACGAAgmKStqgYo_KzfiAUwuAg45gM.jpg" alt="河池家访活动" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>资助育人 | 深圳市燕鸟公益基金会去往河池开展家访活动</h4>
                        <p>为切实做好河池市燕鸟专项基金助学工作，了解受助学生家庭情况，9月16日，深圳市燕鸟公益基金会理事霍薇一行到我市金城江区开展受助学生家访活动...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
                <div class="moment-item clickable-card" style="background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(222,41,16,0.06);overflow:hidden;cursor:pointer;transition:all 0.3s ease;display:none;" onclick="window.open('https://www.cfcyun.com/sys-nd/71.html', '_blank')">
                    <img src="https://31161245.s21i.faiusr.com/3/1/ABUInfftDhADGAAglKWtqgYor4ON2wYw4AM4hAI.gif" alt="武汉新洲区座谈会" style="width:100%;height:180px;object-fit:cover;">
                    <div style="padding:18px 20px;">
                        <h4>助学，筑梦，铸人|武汉新洲区举行"燕鸟公益助学计划"受助学子座谈会</h4>
                        <p>感恩的心，感谢有你！一颗爱心，成就一个梦想；一份温暖，点燃一份希望；一次善举，改变一生航向...</p>
                        <div class="card-link" style="display:flex;align-items:center;gap:8px;color:#DE2910;font-size:0.9em;font-weight:500;margin-top:12px;opacity:0.8;">
                            <i class="fas fa-external-link-alt" style="font-size:0.8em;"></i>
                            <span>查看详情</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 分页导航 -->
            <div class="pagination" style="display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px;">
                <button class="pagination-btn prev-btn" data-direction="prev" style="padding:8px 16px;border:1px solid #de2910;background:transparent;color:#de2910;border-radius:6px;cursor:pointer;transition:all 0.3s ease;">
                    <i class="fas fa-chevron-left" style="margin-right:4px;"></i>上一页
                </button>
                <div class="page-numbers" style="display:flex;gap:8px;">
                    <span class="page-number" data-page="1" style="padding:8px 12px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;background:#de2910;color:#fff;border:1px solid #de2910;">1</span>
                    <span class="page-number" data-page="2" style="padding:8px 12px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;background:transparent;color:#666;border:1px solid #ddd;">2</span>
                    <span class="page-number" data-page="3" style="padding:8px 12px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;background:transparent;color:#666;border:1px solid #ddd;">3</span>
                    <span class="page-number" data-page="4" style="padding:8px 12px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;background:transparent;color:#666;border:1px solid #ddd;">4</span>
                </div>
                <button class="pagination-btn next-btn" data-direction="next" style="padding:8px 16px;border:1px solid #de2910;background:transparent;color:#de2910;border-radius:6px;cursor:pointer;transition:all 0.3s ease;">
                    下一页<i class="fas fa-chevron-right" style="margin-left:4px;"></i>
                </button>
            </div>
        </div>
    </section>


    <!-- 简洁底部 -->
    <footer class="footer-simple">
      <div class="footer-main">
        <!-- 公司信息 -->
        <div class="footer-brand" style="flex:1 1 0;">
          <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250715/43fb83332a6c4d64b124dd9363fa8006.jpg" alt="金顾云logo" class="footer-logo">
          <div class="footer-tagline">让融资更简单</div>
        </div>
        <!-- 栏目三栏 -->
        <div class="footer-columns" style="flex:1.5 1 0; min-width:260px;">
          <div class="footer-nav-section">
            <h4>融顾服务</h4>
            <a href="finance-outsourcing-center.html">融资外包</a>
            <a href="consultant.html">常顾服务</a>
          </div>
          <div class="footer-nav-section">
            <h4>关于我们</h4>
            <a href="about.html">公司简介</a>
            <a href="club.html">金顾云俱乐部</a>
            <a href="partner.html">合伙人加盟</a>
          </div>
          <div class="footer-nav-section">
            <h4>联系我们</h4>
            <a href="tel:0755-86561203">0755-86561203</a>
            <a href="mailto:service@cfcyun.com">service@cfcyun.com</a>
            
          </div>
        </div>
        <!-- 二维码区域 -->
        <div class="footer-qr" style="flex:3.5 1 0; max-width:900px;">
          <h4>扫码关注</h4>
          <div class="qr-grid">
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/315ee8eaaf3b4816b70e5e3aeb2708c4.png" alt="金顾云小程序" class="footer-qr-img">
              <span>金顾云小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/fe476264af03413b9307ee479502199b.png" alt="金顾云俱乐部小程序" class="footer-qr-img">
              <span>金顾云俱乐部小程序</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/bd6c2a264022464baf2852a9d85628fc.png" alt="金顾云公众号" class="footer-qr-img">
              <span>金顾云公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/8b3526d166b24028a3db791301680477.png" alt="金顾云俱乐部公众号" class="footer-qr-img">
              <span>金顾云俱乐部公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/77aa70027a1a428ba97df28d3ee41f85.png" alt="金顾云公益基金会公众号" class="footer-qr-img">
              <span>金顾云公益基金会公众号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/25478d672aba4b7ea4ce0ea61c7861cd.jpg" alt="金顾云视频号" class="footer-qr-img">
              <span>金顾云视频号</span>
            </div>
            <div class="footer-qr-item">
              <img src="https://cfcall.oss-cn-shenzhen.aliyuncs.com/20250716/c8924f3bc43746c9a086d65b98e9c3c4.png" alt="金顾云俱乐部视频号" class="footer-qr-img">
              <span>金顾云俱乐部视频号</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 底部信息 -->
      <div class="footer-bottom">
        <div class="footer-copyright">
          <span>© 2024 金顾云集团 版权所有</span>
                      <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">沪ICP备2022025984号-3</a>
          <span>沪公网安备31010102007667号</span>
        </div>
        <div class="footer-links">
          <a href="/privacy">隐私政策</a>
          <a href="/terms">服务条款</a>
        </div>
      </div>
    </footer>

    <style>
    /* 可点击卡片悬停效果 */
    .clickable-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(222,41,16,0.15) !important;
    }
    
    .clickable-card:hover::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(222, 41, 16, 0.05) 0%, rgba(222, 41, 16, 0.02) 100%);
        z-index: 1;
        pointer-events: none;
    }
    
    .clickable-card > div {
        position: relative;
        z-index: 2;
    }
    
    .clickable-card:hover .card-link {
        opacity: 1 !important;
    }
    
    /* 简洁底部样式 */
    .footer-simple {
      background: #f8f9fa;
      border-top: 1px solid #e9ecef;
      margin-top: 60px;
      width: 100%;
    }
    .footer-main {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      padding: 48px 40px 32px 40px;
      box-sizing: border-box;
      gap: 32px;
    }
    .footer-brand {
      min-width: 120px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .footer-logo {
      width: 80px;
      height: auto;
      margin-bottom: 16px;
      border-radius: 6px;
    }
    .footer-tagline {
      color: #6c757d;
      font-size: 1.1em;
      font-weight: 500;
      margin-top: 0;
    }
    .footer-columns {
      display: flex;
      gap: 48px;
      justify-content: center;
      min-width: 260px;
    }
    .footer-nav-section {
      min-width: 120px;
    }
    .footer-nav-section h4 {
      font-size: 1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
    }
    .footer-nav-section a {
      display: block;
      color: #6c757d;
      text-decoration: none;
      margin-bottom: 8px;
      font-size: 0.9em;
      transition: color 0.2s ease;
    }
    .footer-nav-section a:hover {
      color: #c00;
    }
    .footer-qr {
      min-width: 320px;
      max-width: 900px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footer-qr h4 {
      font-size: 1.1em;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 16px;
      margin-top: 0;
      text-align: center;
    }
    .qr-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 18px 18px;
      justify-content: flex-start;
      max-width: 900px;
    }
    .footer-qr-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: 80px;
    }
    .footer-qr-img {
      width: 60px;
      height: 60px;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      transition: transform 0.3s ease;
    }
    .footer-qr-img:hover {
      transform: scale(1.05);
    }
    .footer-qr-item span {
      font-size: 0.7em;
      color: #6c757d;
      text-align: center;
      margin-top: 2px;
      line-height: 1.2;
      word-wrap: break-word;
      hyphens: auto;
    }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 24px 40px;
      border-top: 1px solid #e9ecef;
      font-size: 0.85em;
      color: #6c757d;
      width: 100%;
      box-sizing: border-box;
    }
    .footer-copyright {
      display: flex;
      gap: 24px;
    }
    .footer-links {
      display: flex;
      gap: 24px;
    }
    .footer-links a {
      color: #6c757d;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .footer-links a:hover {
      color: #c00;
    }
    
    /* 响应式设计 */
    @media (max-width:1024px) {
      .footer-main {
        flex-wrap: wrap;
        gap: 24px;
        padding: 32px 16px 24px 16px;
      }
      .footer-columns {
        gap: 24px;
      }
      .footer-qr {
        min-width: 220px;
        max-width: 100%;
      }
      .qr-grid {
        gap: 12px 12px;
        max-width: 100%;
      }
    }
    @media (max-width: 900px) {
      .footer-main {
        flex-direction: column;
        gap: 24px;
        padding: 20px 8px;
      }
      .footer-columns {
        flex-direction: column;
        gap: 8px;
        min-width: 0;
      }
      .footer-qr {
        align-items: flex-start;
        min-width: 0;
      }
      .qr-grid {
        justify-content: flex-start;
      }
    }
    @media (max-width: 700px) {
      .footer-main {
        gap: 12px;
        padding: 10px 2px;
      }
      .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 8px;
      }
    }
    </style>

    <script src="js/main.js"></script>
    <script>
    // 分页功能 - 使用立即执行函数避免全局变量冲突
    (function() {
        'use strict';
        
        let currentPage = 1;
        const itemsPerPage = 3;
        const totalItems = 12;
        const totalPages = Math.ceil(totalItems / itemsPerPage);

        // 显示指定页面
        function showPage(page) {
            const items = document.querySelectorAll('.moment-item');
            const startIndex = (page - 1) * itemsPerPage;
            const endIndex = startIndex + itemsPerPage;

            console.log('显示页面:', page, '开始索引:', startIndex, '结束索引:', endIndex, '总项目数:', items.length);

            // 隐藏所有项目
            items.forEach((item, index) => {
                if (index >= startIndex && index < endIndex) {
                    item.style.display = 'block';
                } else {
                    item.style.display = 'none';
                }
            });

            // 更新分页按钮状态
            updatePaginationButtons(page);
            
            // 更新页码样式
            updatePageNumbers(page);
            
            currentPage = page;
        }

        // 更新分页按钮状态
        function updatePaginationButtons(page) {
            const prevBtn = document.querySelector('.prev-btn');
            const nextBtn = document.querySelector('.next-btn');
            
            if (prevBtn) {
                prevBtn.disabled = page === 1;
                prevBtn.style.opacity = page === 1 ? '0.5' : '1';
                prevBtn.style.cursor = page === 1 ? 'not-allowed' : 'pointer';
            }
            
            if (nextBtn) {
                nextBtn.disabled = page === totalPages;
                nextBtn.style.opacity = page === totalPages ? '0.5' : '1';
                nextBtn.style.cursor = page === totalPages ? 'not-allowed' : 'pointer';
            }
        }

        // 更新页码样式
        function updatePageNumbers(page) {
            const pageNumbers = document.querySelectorAll('.page-number');
            pageNumbers.forEach((num, index) => {
                if (index + 1 === page) {
                    num.style.background = '#de2910';
                    num.style.color = '#fff';
                    num.style.border = '1px solid #de2910';
                } else {
                    num.style.background = 'transparent';
                    num.style.color = '#666';
                    num.style.border = '1px solid #ddd';
                }
            });
        }

        // 切换页面
        function changePage(direction) {
            let newPage = currentPage;
            
            console.log('切换页面方向:', direction, '当前页面:', currentPage);
            
            if (direction === 'prev' && currentPage > 1) {
                newPage = currentPage - 1;
            } else if (direction === 'next' && currentPage < totalPages) {
                newPage = currentPage + 1;
            }
            
            console.log('新页面:', newPage, '是否改变:', newPage !== currentPage);
            
            if (newPage !== currentPage) {
                showPage(newPage);
            }
        }

        // 跳转到指定页面
        function goToPage(page) {
            console.log('跳转到页面:', page, '总页数:', totalPages);
            if (page >= 1 && page <= totalPages) {
                showPage(page);
            } else {
                console.log('页面超出范围');
            }
        }

        // 绑定事件监听器
        function bindEventListeners() {
            console.log('开始绑定事件监听器');
            
            // 绑定上一页/下一页按钮
            const prevBtn = document.querySelector('.prev-btn');
            const nextBtn = document.querySelector('.next-btn');
            
            console.log('找到按钮:', { prevBtn: !!prevBtn, nextBtn: !!nextBtn });
            
            if (prevBtn) {
                prevBtn.addEventListener('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    console.log('点击上一页按钮');
                    changePage('prev');
                });
            }
            
            if (nextBtn) {
                nextBtn.addEventListener('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    console.log('点击下一页按钮');
                    changePage('next');
                });
            }
            
            // 绑定页码按钮
            const pageNumbers = document.querySelectorAll('.page-number');
            console.log('找到页码按钮数量:', pageNumbers.length);
            
            pageNumbers.forEach(function(pageNum, index) {
                pageNum.addEventListener('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    const page = parseInt(this.getAttribute('data-page'));
                    console.log('点击页码按钮:', page, '索引:', index);
                    goToPage(page);
                });
            });
            
            console.log('事件监听器绑定完成');
        }

        // 初始化页面
        function initPagination() {
            console.log('初始化分页功能');
            
            // 等待一小段时间确保DOM完全加载
            setTimeout(function() {
                // 绑定事件监听器
                bindEventListeners();
                
                // 显示第一页
                showPage(1);
            }, 100);
        }

        // DOM加载完成后初始化
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initPagination);
        } else {
            initPagination();
        }

        // 将函数暴露到全局作用域以便调试
        window.paginationDebug = {
            showPage: showPage,
            changePage: changePage,
            goToPage: goToPage,
            currentPage: function() { return currentPage; },
            totalPages: function() { return totalPages; }
        };
        
    })();
    </script>

</body>
</html> 